<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="keywords" content="百泰传媒，来推，百泰广告,效果广告，精准大数据，流量变现，移动，广告联盟，推广平台">
  <meta name="description" content="百泰传媒是一家移动流量变现服务商，研发了全新的移动商业广告模式，建立全链路、精准、高效、可衡量的移动端营销体系，广告主可获得更好的投放效果，媒体方能得到更好的流量实现转化。">
  <link rel="icon" href="//static.adbaitai.com/Website/Img/favicon.ico" type="image/x-icon" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>来推互动</title>
  <style>.mainBox .topBanner {
    height: auto;
    width: 100%;
    cursor: pointer;
    margin-top: 79px;
  }
  .mainBox .topBanner img {
    width: 100%;
    height: 100%;
  }
  .ourAdvantageListsBox {
    width: 1100px;
    height: 446px;
    margin: 0 auto;
  }
  .ourAdvantageListTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
    margin: 60px 0;

  }
  .ourAdvantageListTitle::before,
  .interactionTypeTitle::before,
  .classicCaseTitle::before,
  .mediaAdvantageTitle::before,
  .mediaCooperationTitle::before {
    content: "";
    width: 27px;
    height: 4px;
    background-color: #e53b31;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%);
    -ms-transform:translate(-50%); 	/* IE 9 */
    -moz-transform:translate(-50%); 	/* Firefox */
    -webkit-transform:translate(-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%); 	/* Opera */
  }
  .ourAdvantageItem {
    width: 520px;
    height: 123px;
    background-color: #fafafb;
    float: left;
    position: relative;
  }
  .ourAdvantageItem .itemTitle {
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 7px;
    padding-top: 40px;
    padding-left: 131px;
  }
  .ourAdvantageItem .itemDetail {
    color: #afafaf;
    padding-left: 131px;
  }
  .ourAdvantageItemLeft {
    width: 61px;
    height: 61px;
    position: absolute;
    top: 32px;
    left: 50px;
  }
  .ourAdvantageItemLeft img {
    width: 100%;
    height: 100%;
  }
  .ourAdvantageItemBottom {
    margin-top: 24px;
    margin-bottom: 80px;
  }
  .ourAdvantageItemPadd {
    margin-right: 40px;
    margin-left: 10px;
  }
  /*S=互动形式*/
  .interactionTypeBox {
    width: 100%;
    height: 703px;
    background-color: #f2f6f9;
  }
  .interactionTypeTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    padding-top: 56px;
    font-weight: 500;
  }
  .interactionTypeMainBox {
    width: 1100px;
    margin: 51px auto 0;
    position: relative;
  }
  .interactionTypeMainBox img {
    height: auto;
    position: absolute;
  }
  .interactionTypeMainBox img.interactionTypeOne {
    width: 236px;
    top: 47px;
    left: 45px;
  }
  .interactionTypeMainBox img.interactionTypeTwo {
    width: 263px;
    top: 19px;
    left: 205px;
  }
  .interactionTypeMainBox img.interactionTypeThree {
    width: 281px;
    top: 0;
    left: 405px;
    z-index: 3;
  }
  .interactionTypeMainBox img.interactionTypeFour {
    width: 263px;
    top: 19px;
    left: 619px;
    z-index: 2;
  }
  .interactionTypeMainBox img.interactionTypeFive {
    width: 236px;
    top: 47px;
    left: 812px;
  }
  /*E=互动形式*/
  /*S=经典案例*/
  .classicCaseBox {
    width: 1100px;
    height: 700px;
    margin: 0 auto;
  }
  .classicCaseTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    padding-top: 56px;
    font-weight: 500;
  }
  .classicCaseMainLeft {
    margin-left: 37px;
    margin-top: 41px;
  }
  .classicCaseMainLeft img {
    width: 220px;
    height: auto;
  }
  .classicCaseMainLeft .LeftItem {
    float: left;
    padding-right: 20px;
  }
  .LeftItem p {
    text-align: center;
    font-size: 16px;
    padding-top: 20px;
  }
  .classicCaseMainRight {
    float: left;
    margin-left: 32px;
    margin-top: 50px;
  }
  .rightMainTitle {
    font-size: 36px;

  }
  .rightMainDetailBox .detailChildTitle {
    font-size: 24px;
    margin:50px 0 5px 15px;
    position: relative;
    color: #363c3f;
  }
  .rightMainDetailBox .detailChildTitleTwo {
    margin:35px 0 5px 15px;
  }
  .rightMainDetailBox p {
    line-height: 26px;
    color: #999999;
  }
  .rightMainDetailBox .detailChildTitle::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #e83928;
    position: absolute;
    top: 8px;
    left:-14px;
  }
  /*E=经典案例*/
  /*S=媒体优势*/
  .mediaAdvantageBox {
    width: 100%;
    height: 505px;
    background-color: #f2f6f9;
  }
  .mediaAdvantageMainBox {
    width: 1100px;
    margin: 0 auto;
  }
  .mediaAdvantageTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    padding-top: 56px;
    font-weight: 500;
  }
  .mediaAdvantageListBox {
    padding-top: 76px;
  }
  .mediaAdvantageListBox .mediaAdvantageListItem {
    width: 229px;
    height: 225px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 0 20px #eaeff3;
    border-radius: 5px;
    margin: 0 23px;
    float: left;
  }
  .mediaAdvantageListItem img {
    width: 60px;
    height: 60px;
    margin-top: 35px;
  }
  .mediaAdvantageListItemTitle {
    font-weight: 500;
    padding-top: 29px;
  }
  .mediaAdvantageListItemDetail {
    width: 160px;
    color: #888888;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
    margin: 16px auto 0;
  }
  /*E=媒体优势*/
  /*S=媒体合作流程*/
  .mediaCooperationBox {
    width: 100%;
    height: 490px;
  }
  .mediaCooperationTitle {
    position: relative;
    text-align: center;
    font-size: 25px;
    padding-top: 56px;
    font-weight: 500;
  }
  .mediaCooperationMainBox {
    width: 1100px;
    margin: 0 auto;
  }
  .mediaCooperationArrow {
    width: 895px;
    height: 38px;
    margin-top: 77px;
    margin-left: 90px;
    background: url('//static.adbaitai.com/Website/Img/hudong/arrowIcon.png')no-repeat center /100% 100%;
    position: relative;
  }
  .mediaCooperationArrowItem {
    width: 54px;
    height: 54px;
    color: #fff;
    line-height: 54px;
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    border: 3px solid #fff;
  }
  .mediaCooperationArrowOne {
    background-color: #fc9877;
    top: -12px;
    left: 94px;
  }
  .mediaCooperationArrowTwo {
    background-color: #fb8159;
    top: -12px;
    left: 286px;
  }
  .mediaCooperationArrowThree {
    background-color: #fa602e;
    top: -12px;
    left: 498px;
  }
  .mediaCooperationArrowFour {
    background-color: #f94f17;
    top: -12px;
    left: 687px;
  }
  .mediaCooperationP {
    position: absolute;
    font-weight: 500;
  }
  .mediaCooperationPOne {
    top: 60px;
    left: 94px;
  }
  .mediaCooperationPTwo {
    top: 60px;
    left: 286px;
  }
  .mediaCooperationPThree {
    top: 60px;
    left: 498px;
  }
  .mediaCooperationPFour {
    top: 60px;
    left: 687px;
  }
  .mediaCooperationMainBox .applyCooperationBtn {
    margin: 155px auto 0;
    width: 177px;
    height: 49px;
    font-size: 18px;
    line-height: 49px;
    text-align: center;
    background-color: #f94f17;
    border-radius: 30px;
  }
  .mediaCooperationMainBox .applyCooperationBtn a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
  }
  /*E=媒体合作流程*/
</style>
</head>
<body>
  <!-- 在线申请弹窗 -->
  <div class="applyFormBgBox" style = 'display:none'>
    <div class="applyFormBox">
      <div class="closeFormBoxBtn"></div>
      <p class ='formTopTip'>请填写以下表格，以便我们能更好的了解您的需求和帮助您</p>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>姓名</p>
          <input type="text" id = 'userName' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>QQ邮箱</p>
          <input type="text" id = 'qqEmail' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>电话</p>
          <input type="text" id = 'userIphone' placeholder="">
        </div>
        <div class="lineOneRight">
          <p>公司</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <div class="lineOneLeft">
          <p>所属区域</p>
          <select id = 'select' name="">
            <option value="请选择">请选择</option>
            <option value="北京市">北京市</option>
            <option value="天津市">天津市</option>
            <option value="上海市">上海市</option>
            <option value="重庆市">重庆市</option>
            <option value="河北省">河北省</option>
            <option value="河南省">河南省</option>
            <option value="云南省">云南省</option>
            <option value="辽宁省">辽宁省</option>
            <option value="黑龙江省">黑龙江省</option>
            <option value="湖南省">湖南省</option>
            <option value="安徽省">安徽省</option>
            <option value="山东省">山东省</option>
            <option value="新疆维吾尔">新疆维吾尔</option>
            <option value="江苏省">江苏省</option>
            <option value="浙江省">浙江省</option>
            <option value="江西省">江西省</option>
            <option value="湖北省">湖北省</option>
            <option value="广西壮族">广西壮族</option>
            <option value="甘肃省">甘肃省</option>
            <option value="山西省">山西省</option>
            <option value="内蒙古">内蒙古</option>
            <option value="陕西省">陕西省</option>
            <option value="吉林省">吉林省</option>
            <option value="福建省">福建省</option>
            <option value="贵州省">贵州省</option>
            <option value="广东省">广东省</option>
            <option value="青海省">青海省</option>
            <option value="西藏">西藏</option>
            <option value="四川省">四川省</option>
            <option value="宁夏回族">宁夏回族</option>
            <option value="海南省">海南省</option>
            <option value="台湾省">台湾省</option>
            <option value="香港特别行政区">香港特别行政区</option>
            <option value="澳门特别行政区">澳门特别行政区</option>
          </select>
        </div>
        <div class="lineOneRight">
          <p>公司网址</p>
          <input type="text" id = 'userCompany' placeholder="">
        </div>
      </div>
      <div class="lineOneBox">
        <p>您的需求</p>
        <textarea id = 'usertextArea' name="name" rows="8" cols="80" maxlength="100"></textarea>
      </div>
      <div id = 'applyFormSubmitBtn'>提交</div>
    </div>
  </div>
  <div class="topNavBox">
    <div class = 'topNav'>
      <div class="siteLogo">
        <img src="//static.adbaitai.com/Website/Img/logo.png" alt="">
      </div>
      <ul class="navList">
        <li class = 'index'>
          <a href="./index.html">首页</a>
        </li>
        <li class = 'interaction activeNav'>
          <a href="./interactionPage.html">来推互动</a>
        </li>
        <li class = 'serverLiBox'>
          <a class = 'serverSlideTitleLink' href="./dspPage.html">
            产品服务
            <span class = 'serverSlideIcon'><img src="//static.adbaitai.com/Website/Img/hudong/%E5%AF%BC%E8%88%AA%E4%B8%8B%E6%8B%89.png" alt=""></span>
          </a>
          <div class="serverSlideList">
            <p><a href="./momoPage.html">陌陌案例</a></p>
            <p><a href="./dspPage.html">DSP广告</a></p>
            <p><a href="./alimamaPage.html">阿里妈妈资源及案例</a></p>
            <p><a href="./youdaoPage.html">网易有道资源</a></p>
            <p><a href="./ottSourcePage.html">OTT资源及案例</a></p>
            <p><a href="./inteMarketPage.html">品牌整合营销</a></p>
          </div>
        </li>
        <li class = 'aboutUs'>
          <a href="./aboutUsPage.html">关于百泰</a>
        </li>
      </ul>
      <div class="topNavBtnBox">
        <div class="login">
          <a href="//laitui.adbaitai.com/login">登录</a>
        </div>
        <div class="register">
          <a href="javascript:void(0);">申请</a>
        </div>
      </div>
    </div>
  </div>
  <div class="mainBox">
    <div class="topBanner">
      <img src="//static.adbaitai.com/Website/Img/%E6%9D%A5%E6%8E%A8%E4%BA%92%E5%8A%A8.png" alt="">
    </div>
    <!-- 优势 -->
    <div class="ourAdvantageListsBox">
      <div class="ourAdvantageListTitle">
        百盟来推互动
      </div>
      <div class="ourAdvantageLists">
        <div class="ourAdvantageItem ourAdvantageItemOne ourAdvantageItemPadd">
          <div class="ourAdvantageItemLeft">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E7%B2%BE%E5%87%86.png" alt="">
          </div>
          <div class="ourAdvantageItemRight">
            <p class= 'itemTitle'>精准定向</p>
            <p class = 'itemDetail'>多维度全方位人群画像，精准定位目标客户</p>
          </div>
        </div>
        <div class="ourAdvantageItem">
          <div class="ourAdvantageItemLeft">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E5%BC%BA%E5%8A%BF%E8%B5%84%E6%BA%90.png" alt="">
          </div>
          <div class="ourAdvantageItemRight">
            <p class= 'itemTitle'>强势资源</p>
            <p class = 'itemDetail'>强大媒体库进行资源整合，对投放效果负责</p>
          </div>
        </div>
        <div class="ourAdvantageItem ourAdvantageItemBottom ourAdvantageItemPadd">
          <div class="ourAdvantageItemLeft">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E5%BD%A2%E5%BC%8F.png" alt="">
          </div>
          <div class="ourAdvantageItemRight">
            <p class= 'itemTitle'>形式丰富</p>
            <p class = 'itemDetail'>有趣好玩的互动形式，创意诠释广告思维</p>
          </div>
        </div>
        <div class="ourAdvantageItem ourAdvantageItemBottom">
          <div class="ourAdvantageItemLeft">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E6%8A%80%E6%9C%AF%E4%BF%9D%E9%9A%9C.png" alt="">
          </div>
          <div class="ourAdvantageItemRight">
            <p class= 'itemTitle'>技术保障</p>
            <p class = 'itemDetail'>专业技术及广告优化团队，实时监测控制投放成本</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 互动形式 -->
    <div class="interactionTypeBox">
      <div class="interactionTypeTitle">
        互动形式
      </div>
      <div class="interactionTypeMainBox">
        <img class = 'interactionTypeOne' src="//static.adbaitai.com/Website/Img/hudong/%E6%8A%BD%E5%A5%96%E6%B4%BB%E5%8A%A822.png" alt="">
        <img class = 'interactionTypeTwo' src="//static.adbaitai.com/Website/Img/hudong/%E5%9B%BE%E5%B1%82%205.png" alt="">
        <img class = 'interactionTypeThree' src="//static.adbaitai.com/Website/Img/hudong/zhaocha.png" alt="">
        <img class = 'interactionTypeFour' src="//static.adbaitai.com/Website/Img/%E6%97%85%E6%B8%B8%E5%9F%BA%E9%87%91.png" alt="">
        <img class = 'interactionTypeFive' src="//static.adbaitai.com/Website/Img/hudong/%E6%91%87%E4%B8%80%E6%91%87.png" alt="">
      </div>
    </div>
    <!-- 经典案例 -->
    <div class="classicCaseBox">
      <div class="classicCaseTitle">
        经典案列
      </div>
      <div class="classicCaseMainBox">
        <div class="classicCaseMainLeft">
          <div class="LeftItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/case2.png" alt="">
            <p>中奖页</p>
          </div>
          <div class="LeftItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/case1.png" alt="">
            <p>详情页</p>
          </div>
          <div class="LeftItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/case3.png" alt="">
            <p>广告落地页</p>
          </div>
        </div>
        <div class="classicCaseMainRight">
          <div class="rightMainTitle">案例：唯品会</div>
          <div class = 'rightMainDetailBox'>
            <p class = 'detailChildTitle'>用户权益：</p>
            <p>唯品会88元红包</p>
            <p class = 'detailChildTitle detailChildTitleTwo'>推广效果：</p>
            <p>曝光量： 2,743,268</p>
            <p>点击量：958,497</p>
            <p>CTR：34.94％</p>
            <p>新客获取成本：80-150元</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 媒体优势 -->
    <div class="mediaAdvantageBox">
      <div class="mediaAdvantageMainBox">
        <div class="mediaAdvantageTitle">媒体优势</div>
        <div class="mediaAdvantageListBox">

          <div class="mediaAdvantageListItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E8%B6%A3%E5%91%B3.png" alt="">
            <p class = 'mediaAdvantageListItemTitle'>融合场景 交互愉悦</p>
            <p class = 'mediaAdvantageListItemDetail'>聚集海量福利，用户主动参与，交互愉悦无干扰</p>
          </div>
          <div class="mediaAdvantageListItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E6%A0%B7%E5%BC%8F.png" alt="">
            <p class = 'mediaAdvantageListItemTitle'>玩法丰富 接入灵活</p>
            <p class = 'mediaAdvantageListItemDetail'>多样的玩法，可定制广告位入口，如活动中心等</p>
          </div>
          <div class="mediaAdvantageListItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/%E6%B5%B7%E9%87%8F.png" alt="">
            <p class = 'mediaAdvantageListItemTitle'>海量广告 高效收益</p>
            <p class = 'mediaAdvantageListItemDetail'>有海量广告主资源，确保高效收益</p>
          </div>
          <div class="mediaAdvantageListItem">
            <img src="//static.adbaitai.com/Website/Img/hudong/%20%E5%BF%AB%E9%80%9F.png" alt="">
            <p class = 'mediaAdvantageListItemTitle'>一天对接 结算可靠</p>
            <p class = 'mediaAdvantageListItemDetail'>快速接入，定期结算，贴心VIP服务</p>
          </div>
        </div>
      </div>
    </div>
    <!-- 媒体合作流程 -->
    <div class="mediaCooperationBox">
      <div class="mediaCooperationTitle">媒体合作流程</div>
      <div class="mediaCooperationMainBox">
        <div class="mediaCooperationArrow">
          <div class="mediaCooperationArrowItem mediaCooperationArrowOne">1</div>
          <div class="mediaCooperationArrowItem mediaCooperationArrowTwo">2</div>
          <div class="mediaCooperationArrowItem mediaCooperationArrowThree">3</div>
          <div class="mediaCooperationArrowItem mediaCooperationArrowFour">4</div>
          <p class = 'mediaCooperationP mediaCooperationPOne'>注册账号</p>
          <p class = 'mediaCooperationP mediaCooperationPTwo'>快速集成</p>
          <p class = 'mediaCooperationP mediaCooperationPThree'>发布上线</p>
          <p class = 'mediaCooperationP mediaCooperationPFour'>产生效益</p>
        </div>
        <div class="applyCooperationBtn">
          <a href="javascript:void(0);" class = 'applyCompanyBtn'>申请合作</a>
        </div>
      </div>
    </div>
    <!-- 底部 -->
    <div class="pageBottomBox">
      <div class="bottomTopBox">
        <div class="bottomTopCenterBox">
          <div class="bottomTopCenterLeft">
            <div class="bottomTopCenterLeftOne">
              <h3>中小销售</h3>
              <ul>
              <li>电话：0571-86896918</li>
              <li>邮箱：quanmingjing@adbaitai.com</li>
            </ul>
          </div>
          <div class="bottomTopCenterLeftTwo">
            <h3>媒体合作</h3>
            <ul>
              <li>电话：0571-86896973</li>
              <li>邮箱：sunlihua@adbaitai.com</li>
            </ul>
          </div>
            <div class="bottomTopCenterLeftTwo bottomTopCenterLeftThree">
              <h3>渠道代理合作</h3>
              <ul>
                <li>电话：400-826-0750</li>
                <li>手机：18505510571</li>
                <li>邮箱：wanghuan@adbaitai.com</li>
              </ul>
            </div>
          </div>
          <div class="bottomTopCenterRight">
            <div class="bottomTopCenterRightOne">
              <img src="//static.adbaitai.com/Website/Img/%E7%99%BE%E6%B3%B0%E5%BE%AE%E4%BF%A1%E4%BA%8C%E7%BB%B4%E7%A0%81.png" alt="">
              <p>微信公众号</p>
            </div>
          </div>
        </div>
      </div>
      <div class="bottomFotterBox">
          <div class="bottomFotterCenter">
            <div class="bottomFotterLeft"><a href = './aboutUsPage.html'>关于我们</a>&nbsp;&nbsp;|<span> 浙ICP备16030779号-2</span></div>
            <img src="//static.adbaitai.com/Website/Img/iphoneIcon/footerBtmIcon.png" alt="">
          </div>
      </div>
    </div>
  </div>
  <script src = '//static.adbaitai.com/game/Js/jquery.min.js'></script>
  <script>
    $('.applyCompanyBtn').on('click', function(){
      $('.applyFormBgBox').css('display', 'block');
    });
    $('.topBanner').on('click', function(){
      $('.applyFormBgBox').css('display', 'block');
    });
    $('#applyFormSubmitBtn').on('click', function(){
      var isIphone = checkPhone();
      var userName = $('#userName').val(),
          email = $('#qqEmail').val(),
          entName = $('#userCompany').val(),
          entUrl = $('#userCompany').val(),
          city = $('#select').val(),
          tel = $('#userIphone').val(),
          remark = $('#usertextArea').val();
      console.log(city);
      if(isIphone) {
        $('.applyFormBgBox').css('display', 'none');
        var dtaObj = '{"name": "'+userName+'","email": "'+email+'","entName": "'+entName+'","entUrl": "'+entUrl+'","city": "'+city+'","tel": "'+tel+'","remark": "'+remark+'"}';
        $.ajax({
          url: '/api/public/advert/enter?data=' + encodeURIComponent(dtaObj),
          success: function(data){
            var data = JSON.parse(data);
            if(data.success) {
              alert('提交成功！');
            }else {
              alert('提交失败！');
            }
          }
        })
      }
    });
    // 验证手机号
    function checkPhone (phone) {
      var tel =$('#userIphone').val();
       if(tel.length != 11){
           setTimeout(function(){
             alert("手机号码有误，请重填");
           },100);
           return false;
       }else {
         return true;
       }
    }

  </script>
</body>
</html>
